<template>
	<view>
		 <view class="robotMessage"   > <!-- :class="{'item-hide':  !(item.leftStatus &&  item.type == 'comment-lable-click')}" > -->
		 	<image class="image" src="/static/img/robot.png" mode=""></image>
		 	<view class="tag-box">
		 		<view  class="tag"   v-for="(m , i) in item.list" v-if="m.label != ''"  @tap="sendCommentLabel(m.table,m.label)">
		 			<text  class="tag-text"  >{{m.label}}</text> 
		 		</view>
		 	</view>
		 </view> 
	</view>
</template>

<script>
	export default {
		name:"rebotFlowMessage",
		props:{
			item:{
				type:Object,
				require:true,
				default:{}
			},
		},
		data() {
			return {
				
			};
		},
		methods:{
			sendCommentLabel(table,queryLabel){  
				uni.$emit("sendMessageMonitor",{
					message:queryLabel,
					addMessage:true,
					index:null, 
					type:'5',
					commentId:null,
					hotMsgIndex:null,
					table:table
				}) 
			} 
		}
	}
</script>

<style lang="scss">
.robotMessage {
		display: flex;
		align-items: flex-start;
		flex-direction: row;
		justify-content: flex-start;
		
		.image {
			width: 59rpx;
			height: 50rpx;
			margin: 0 14rpx 0 0;
		}
		
	}
	.doublec {
		margin: 0;
		border-radius: 14rpx;
		background-color: white;
		border: 2rpx solid rgba(187, 187, 187, 0.5294117647);
		padding: 10 30rpx;
		margin-bottom: 30rpx;
		max-width: 600rpx;
		// max-width: 600rpx;
		/* overflow: hidden; */

		.left-message {
			font-size: 18rpx;
			font-family: AppleColorEmoji;
			color: #000;
			white-space: nowrap;
			text-overflow: ellipsis;
			max-width: 500rpx;
			margin: 0;
			border-radius: 14rpx;
			/* overflow: hidden; */
		}
	}
	
	.load-more{
		font-size: 16rpx;
		color: '#c6c6c6';
		text-align: center;
		padding: 10px 0px;
	}
	.tag-box{
			 width: 600rpx;
			 display: flex;
			 flex-direction: row;
			 justify-content: flex-start;
			 align-items: center;
			 flex-wrap: wrap;
			 border: 0px;
			 padding: 5rpx 0rpx;
			 background-color: rgba(187, 187, 187, 0);
			 
			 .tag{
				 padding: 3rpx 10rpx;
				 
				 .tag-text{
					 background-color: #f7f7f7;
					 box-shadow:  1px 1px 2px #cecece;
					 border-radius: 14px;
					 color:#474747;
					 padding: 10rpx 20rpx;
					 font-size: 20rpx; 
				 }
			 }
	
	}
	
	.list-item{ 
		height: 70rpx;
	}
</style>